<template>
  <view class="recordAudio">
    <KKAudio class="recordAudio-auido" :data="data" :disable="true" />
  </view>
</template>

<script setup lang="ts">
import { KKConversationFrom } from "@/pagesA/answer/components/conversitonEnum";
import KKAudio from "@/pagesA/components/kkAudio/index.vue";
import { ref } from "vue";

const props = defineProps({
  duration: {
    type: String,
    default: "",
  },
});
const data = ref({
  from: KKConversationFrom.me,
  duration: props.duration,
});
</script>

<style lang="scss" scoped>
.recordAudio {
  width: 490rpx;
  height: 81rpx;
  background: linear-gradient(89deg, #7835ff 0%, #3d8eff 100%);
  border-radius: 8rpx 38rpx 38rpx 38rpx;
  margin-bottom: 24rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  &-auido {
    width: calc(100% - 48rpx);
    margin-left: 24rpx;
    margin-right: 24rpx;
  }
}
</style>
